* {
    margin: 0;
    padding: 0;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.flexbox {
    display: flex;
    display: -webkit-flex;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}
body,
html {
    width: 100%;
    height: 100%;
}

.banner{
    .px2rem(margin-top, 125);
    .flexbox();
    width: 100%;
    .imgs{
        img{
            width: 100%;
        }
    }
    .swiper-pagination-bullet{
        background: #ccc;
    }
    .swiper-pagination-bullet-active{
        background: #fff;
    }
}
.hot{
     .px2rem(margin-top, 5);
     .px2rem(padding-left, 22);
     .px2rem(line-height, 84);
     .px2rem(width, 728);
     color: #fff;
     background: #d02022;
    .px2rem(font-size, 45); 
}
.hot-content{
    .flexbox();
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    li{
        .px2rem(margin-top, 22);
        .px2rem(margin-left, 10);
        width: 30%;
        img{
           width: 100%; 
        }
        
    }
    li:nth-child(3),li:nth-child(6){
        .px2rem(margin-right, 10);
    }
}



//de2
.new-guide{
   .px2rem(margin-top, 147);
   li{
       .flexbox();
        justify-content: space-around;
        align-items: center;
        .px2rem(margin-top, 26);
       .px2rem(padding-bottom, 30);
       border-bottom: 1px solid #ccc;
       .picture{
           img{
          .px2rem(width, 236);
          .px2rem(height, 194);
           }
       }  
       .content{
                  width: 30%;
                   p{
                   line-height: 40px;
                   }
       } 
       .yuding{ 
                background: #fdc820;
               .px2rem(margin-left, 30);          
               .px2rem(width, 158);
               .px2rem(line-height, 76);
               .px2rem(border-radius, 5);
               text-align: center;
               color: #fff;
               .px2rem(font-size, 30);              
        }
   }  
}

//de3
.new-guidea{
   .px2rem(margin-top, 147);
    li{
       .flexbox();
        justify-content: space-around;
        align-items: center;
        .px2rem(margin-top, 26);
       .px2rem(padding-bottom, 30);
       border-bottom: 1px solid #ccc;
       .picturea{
           img{
          .px2rem(width, 236);
          .px2rem(height, 194);
           }
       }  
       .contenta{
                  width: 30%;
                   .unit-price{
                        .px2rem(line-height, 49);
                        color: #ccc;
                        .px2rem(font-size, 30);
                   }
                   .curr-price{
                       .px2rem(line-height, 49);
                       .px2rem(font-size, 38);
                       span{
                         color: #f00;  
                         
                       }
                   }     
       } 
       .qianggou{
           background: #e30404; 
               .px2rem(margin-left, 30);          
               .px2rem(width, 158);
               .px2rem(line-height, 76);
               .px2rem(border-radius, 5);
               text-align: center;
               color: #fff;
               .px2rem(font-size, 30);              
        }
   }  
}

//de4
.map{
    .px2rem(margin-top, 117); 
    .flexbox();
        justify-content: center;
        align-items: center;     
    img{
        font-size: 0;
        width: 100%;
    } 
}

//d1
.cover{
    overflow-y: hidden;
    img{
        width: 100%;
        height: 100%;
       .flexbox();
        justify-content: center;
        align-items: center;  
    }
    button{
        .flexbox();
        justify-content: center;
        align-items: center;  
       .px2rem(width, 240); 
       .px2rem(line-height, 77); 
       .px2rem(border-radius, 8);  
       background: linear-gradient(#a30d07,#6f0704);
       color: #bc6617;
       .px2rem(border, 1); 
       .px2rem(font-size, 27); 
       position: fixed;
       bottom: 26%;
       left:33%;
       z-index: 2;
    }
}
//d2
.bannera{
    overflow: hidden;
    .imgs{
        img{
            width: 100%;
            height: 100%;
           .flexbox();
        justify-content: center;
        align-items: center; 
        }
    }
    .swiper-pagination{
        position: fixed;
        .px2rem(top, 950);
    }
}



